a:link,a:visited,a:hover,a:active{
text-decoration:none;
}
ul,li{
    list-style: none;
}
.back{
  opacity: 1.0;
  color:#000;
}
.title{
background-color: #399bff;
}
.content-block{
    padding: 0 .75rem;
    margin: 0.75rem 0;
    color: #6d6d72;
}

body>.page{
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover;
  font-family: "微软雅黑", Arial, Helvetica, sans-serif;
}
.buttons-tab .button {
   position:relative;
   padding: 0 .5rem;
   margin:0;
   font-family: inherit;
   text-align: center;
   text-decoration:none;
   text-overflow: ellipsis;
   cursor: pointer;
   display: block;
}
.buttons-tab .button.active {
    z-index: 100;
    color: #0894ec;
    border-color: #0894ec;
}
.content-padded{
  background-color: #f5f5f5;
  display: inline-block;
  width: 100%;
  height: 100%;
  padding:2rem;

}
/*主页部分各模块导航*/
.h5statistical-number>li>div {
    cursor: pointer;
    height: 110px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.18);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.18);
    /*margin: 16px 14px;*/
    margin-top: 16px;
    margin-left: -2px;
    margin-right: 14px;
    margin-bottom: 16px;
    border-radius: 6px;
}

.h5statistical-number>li>div>a>.left-icon {
    display: inline-block;
    padding: 1px;
    overflow: hidden;
    text-align: center;
    width: 36%;
    line-height: 126px;
}
.h5statistical-number>li>div>a>.right-num {
    height: 100%;
    width: 64%;
    float: right;
    background-color: #fff;
    text-align: center;
}
.h5statistical-number>li>div>a>.left-icon>i {
    font-size: 46px;
    color: #f3f3f3;
    opacity: 0.35;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30)
 /*color: rgba(255, 255, 255, 0.35);*/;
}
.h5statistical-number>li>div>a>.right-num>h3 {
    color: #8A8A8A;
    font-size: 2rem;
    margin-bottom: -.3rem;
    margin-top: .4rem;
}
.h5statistical-number>li>div>a>.right-num>span {
    color: #2B2E33;
    font-size: 1rem;
    letter-spacing: normal;
}
.h5statistical-number li {
    float: left;
    height: 6rem;
    width: 120% !important;
    margin-left: -2rem;
}

.green{
  background-color: #1CC09F;
}
.blue {
    background-color: #63A3DF;
}
.red {
    background-color: #8192d6;
}
.brown {
    background-color: #E6A548;
}
.cyan{
  background-color:  #5fc8e7;
}
.modal-overlay{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10600;
    width: 100%;
    height: 100%;
    visibility: hidden;
    background: rgba(0, 0, 0, .4);
    opacity: 0;
    -webkit-transition-duration: 400ms;
    -o-transition-duration: 400ms;
    transition-duration: 400ms;
}
.modal-overlay.modal-overlay-visible {
    visibility: visible;
    opacity: 1;
}
/*密码修改*/
.card-content-inner {
    position: relative;
    padding: 4.75rem;
}
.device-list li {
    box-shadow: 0 0.05rem 0.1rem rgba(0, 0, 0, 0.2);
    background: #fff;
    margin-bottom: 0.6rem;
}
.list-block.inset ul {
    background-color: #edf4f9;
}
/*设备详情*/
.card-content-inner {
    position: relative;
    padding-bottom: 10rem;
    padding-left: 1rem;
}
.tabs .tab.active {
    display: block;
    margin: -.5rem -1.5rem;
}
.item-media .devicefa{
    font-size: 3rem;
    color: #898989;
    padding: 12%;
    background-color: #f5f5f5;
    border: 1px solid #dddee3;
    border-radius: 5px;
    margin-left: -.5rem;
}
.item-title-row.devicedetail{
      border-bottom: 1px solid #dddee3;
}
/*设备数据*/
.item-subtitle.devicedata{
      padding-left: .5rem;
     margin-bottom: -.4rem;
}
p.createdate{
  padding-top: .6rem;
  margin-bottom: -.5rem;
}
p.metadata{
  display: inline-flex;
}
span.metadata{
    width: 80%
}
span.metadataitem{
  width: 80%
white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-all;  
}
.devicedataDetail{
  margin-top: -.5rem;
}
.item-title-row.device{
  color:#363f44;
}
/*设备数据详情*/
.item-inner.devicedetails{
  margin-top: -4.5rem;
}

.item-subtitle.ktv-data{
      padding-left: .5rem;
     margin-bottom: -.4rem;
}
.deviceBusiness{
  padding-top: .5rem;
  margin-bottom: -.5rem;
}
.deviceImsi,.deviceImei,.deviceLocation,.deviceCoordinate{
  margin-bottom: -.5rem;
}
.deviceNetway{
  padding-bottom: .5rem;
}
   
.card.dataktv{
    margin-left: -.2rem;
    margin-right: -.2rem;
    margin-bottom: -.4rem;
    margin-top: -.4rem;
   /* margin:-.4rem,-.2rem;*/
}
.item-subtitle.deviceconfig{
   padding-left: .5rem;
   margin-bottom: -.4rem;
}
.deviceConfigDetail{
  margin-top: -.5rem;
}
.same{
  margin-bottom: -.5rem;
}
.same.status,.same.configdata{
  display: inline-flex;
}
span.leftconfig{
    width:18%;
}
span.rightconfig{
    width: 82%;
    word-wrap: break-word;
    word-break: break-all;  
}
span.statusItem{
    margin-left: 1.5rem;
}

/*设备数据*/
.noneinfo{
    margin-top: 1rem;
    margin-left: 5rem;  
}

.popover.modal-in {
    display: block !important; 
    top: 57px !important;
    left: 210px !important;
}
/*私有协议管理*/
    .protocol-list li{
    box-shadow: 0 0.05rem 0.1rem rgba(0, 0, 0, 0.2);
    background: #fff;
    margin-bottom: 0.6rem;  
    }
/*私有协议详情*/
.protocolDetailtable{
    color: #76838f;
    width: 100%;
    max-width: 100%;
    margin-top: .1rem;
    margin-bottom: 2rem;
}
.protocolTh , .protocolTd{
  text-align: center;
    font-size: .8rem;
    width: 20%;
} 
.protocoltr{
  border-bottom: 1px solid #ddd;
}
.item-inner.protocolItem{
  border-bottom: 1px solid #fff;
}
.item-title.protocol{
    position: relative;
    max-width: 100%;
    white-space: nowrap;
    overflow: visible;
  }
 /*私有协议添加*/
select#userproto-kValue.form-control.selectTtv{
    width: 60%;
    margin-left: .5rem;
    vertical-align: top;
    text-align: center;
    overflow: scroll;
   white-space: nowrap;
}
input.input-nm.tValue{
    width: 3rem;
    text-align: center;
    vertical-align: top;  
}
input.input-nm.vValue{
        width: 13rem;
    text-align: left;
    padding-left: 2rem;
  }   
input.input-nm.kValues{
    width: 3rem;
    text-align: center;
    margin-right: .5rem;
    vertical-align: top;  
}
.list-block .item-title.label {
    width: 40%;
  }
.list-block .item-title.label.addProtocolItem{
    width: 45%;
    margin: 4px 0;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
     margin-bottom: -.1rem;
    }
a.field-save-btn.save.button{
     margin-right: -.1rem;
    padding-left: .4rem;
}
.liItem-kname{
    float: left;
    margin-left: -2.2rem;
    max-width: 24%;
      overflow: scroll;
   white-space: nowrap;
}
.liItem-t{
    float: left;
    margin-left: .3rem;
    width: 24.4%;
}
.kValues{
    float: left;
    margin-left: .5rem;
    width: 10%;
}
.liItem-t_description.t_description{
  margin-left: 2rem;
}
    
.t_description{
    float: left;
    margin-right: -.8rem;
    max-width: 40%;
    text-align: center;
    overflow: scroll;
   white-space: nowrap;
}
.liItem-del{
     margin-left: 12.5rem;
}
.list-block .labelItem{
    margin-left: .4rem;
    vertical-align: top;
}
    //私有协议修改
.mb30{
  margin-bottom: 3rem!important;
}
.mtb075{margin-top: 0.75rem;margin-bottom: 0.75rem}

.item-after.protocol-name{
    width: 65% !important;
    overflow: scroll !important;
    direction: rtl;
}

.bar.bar-header-secondary.twoSearch{
  height: 12%;
  background: #fff;
}
.bussinessNameOption{
     background-color: #fff;
}
.bussinessNameOption.location{
    margin-top: .2rem;
    margin-left: .7rem;
    width: 71%;
    height: 1.4rem;
    /* -webkit-appearance: none; */ /*右边下拉图标显示与否*/
    padding: 0 .5rem;
    font-size: .7rem;
    color: #aaa;
    background-color: #fff;
    border-radius: .25rem;
}
.list-container.device-list{
    margin-top: 3rem;  
}
.button.button-fill.devices{
  line-height: 1.35rem;
    color: #fff;
    background: #0894ec;
    border: none;
}
.search-input.device{
  margin-top: -.3rem;
}
/*设备添加页面*/
.form-control.selectBusiness{
  margin-right: 4rem;
}   
.form-control.selectNetwayid{
 margin-right: 4rem;
}

/*登录页面*/

a:link,a:visited,a:hover,a:active{
text-decoration:none;
} 
ul,li{
  list-style: none;
}
.prl2{padding-right: 2rem;padding-left: 2rem;}
.mr1{margin-right: 1rem;}
.w100{width: 100%}
.w74{width: 74%!important;}
.display-flex{
  display: flex;
}
body>.page.logins{
  height: 100% !important;
  background-image: url(/images/login.jpg) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size:cover !important;
  font-family: "微软雅黑", Arial, Helvetica, sans-serif !important;
}
.contentLogin{
    margin-top: 4rem;
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;
}
.list-item.login{
  width: 100%;
}
.list-item.login ul{
  padding: 0px 2rem;
  width: 100%;
}
.list-item.login  li{
  box-sizing:border-box;
    padding: 0.6rem 0rem;

}
.item-group.login{ height: 2rem; background-color: #fff;overflow: hidden;border-radius: 0.3rem;background-image: url(/h5/images/inputbg.jpg)}
.item-group.login > i{
  padding: 0 0.6rem;
    font-size: 1rem;
    height: 100%;
    display: inline-block;
    line-height: 2rem; 
  color: #Fff;
}
.item-group.login > input{
  color: #fff;
  height: 100%;
    width: calc(100% - 2.5rem);
    border: none;
    background-color: transparent;
}
.item-group.login > input::-webkit-input-placeholder{
  color: #fff;
}

.login-title{color: #fff;}
.login-title i{font-size: 1.2rem;
    margin-right: 0.4rem;}
.button-white.button-fill{
  color: #0894ec;
    background-color: #fff;
    height: 2rem;
    font-size: 1rem;
    line-height: 2rem;
}

.button-white.button-fill:active{
  background-color: #d9d9d9;
}
.button-box-shodow{
  box-shadow: 0.1rem 0.1rem 0.6rem #1b6cc1;
}
